<script>
  let hovering;

  function enter() {
    hovering = true;
  }
  function leave() {
    hovering = false;
  }
</script>

<div
  role="button"
  tabindex="0"
  aria-label="点击我"
  on:mouseenter={enter}
  on:mouseleave={leave}
>
  <slot hovering={hovering}></slot>
</div>
